<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div class="lv-pro-status" [class.lv-pro-status-animate]="statusConfig.animation">
  <i *ngIf="statusConfig.icon" [lv-icon]="statusConfig.icon" class="lv-pro-status-icon" [style.color]="statusConfig.color"></i>

  <span *ngIf="!statusConfig.icon && statusConfig.color" class="lv-pro-status-dot" [style.backgroundColor]="statusConfig.color">
    <i class="lv-pro-status-animate-dot" [style.borderColor]="statusConfig.color"></i>
  </span>

  <span class="lv-pro-status-label" lv-overflow [lvTooltipTheme]="statusConfig.tooltipTheme">{{ statusConfig.label }}</span>
</div>
